<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title>Untitled</title>
<script type="text/javascript" src="lib/dojo/dojo/dojo.js" data-dojo-config="'parseOnLoad':true,'async':true,'packages':[{'name':'gridx','location':'../gridx'},{'name':'clipart','location':'../../clipart'},{'name':'maqettaSamples','location':'../../../samples'},{'name':'maqetta','location':'../../maqetta'},{'name':'shapes','location':'../../shapes'},{'name':'zazl','location':'../../zazl'},{'name':'widgets','location':'../../custom'}],'themeMap':[['Android','',['themes/android/android.css']],['BlackBerry','',['themes/blackberry/blackberry.css']],['iPad','',['themes/ipad/ipad.css']],['iPhone','',['themes/iphone/iphone.css']],['.*','',['themes/iphone/iphone.css']]],'mblThemeFiles':[],'mblLoadCompatPattern':''"></script>
<script type="text/javascript">
require([
  "dijit/dijit",
  "dojo/parser",
  "maqetta/space",
  "maqetta/AppStates",
  "dojox/mobile",
  "dojox/mobile/deviceTheme",
  "dojox/mobile/FixedSplitter",
  "dojox/mobile/Pane",
  "dijit/layout/BorderContainer",
  "dijit/layout/ContentPane",
  "dijit/form/MultiSelect",
  "dijit/form/Button",
  "dijit/form/CheckBox",
  "dijit/form/TextBox"
]);
</script>
<style>@import "themes/claro/document.css";@import "themes/claro/claro.css";@import "app.css";
</style>
<script type="text/javascript" src="app.js"></script>
</head>
<body data-maq-flow-layout="true" data-maq-comptype="sketchhifi" class="claro" data-maq-ws="collapse" id="myapp" data-maq-appstates="{}">
 <div style="left: 0px; top: 0px; width: 100%; height: 100%;">
  <div data-dojo-type="dijit/layout/BorderContainer" design="sidebar" persist="false" gutters="true" style="min-width: 1em; min-height: 1px; z-index: 0; width: 100%; height: 100%;">
    <div data-dojo-type="dijit/layout/ContentPane" extractContent="false" preventCache="false" preload="false" refreshOnShow="false" region="left" splitter="true" maxSize="Infinity" doLayout="false" style="width:266px;">
     <select multiple="true" data-dojo-type="dijit/form/MultiSelect" intermediateChanges="false" style="height: auto; width: 100%;">
     <option value="Item 1">
         Item 1</option>
       <option value="Item 2">
         Item 2</option>
       <option value="Item 3">
         Item 3</option>
     </select>
     <div>
       <input type="checkbox" data-dojo-type="dijit/form/CheckBox"></input> Use source text</div>
     <div>
       <input type="checkbox" data-dojo-type="dijit/form/CheckBox"></input> Include context</div>
     <div>
      <input type="button" data-dojo-type="dijit/form/Button" intermediateChanges="false" label="Compute" iconClass="dijitNoIcon"></input>
    </div>
   </div>
    <div data-dojo-type="dijit/layout/ContentPane" extractContent="false" preventCache="false" preload="false" refreshOnShow="false" region="center" splitter="false" maxSize="Infinity" doLayout="false"></div>
  </div>
</div>
</body>
</html>
